/* Nordic HTML Template*/



@media(max-width:1200px) {
	.main-header .header-upper .outer-box .mobile-nav-toggler {
		display: block;

	}

	.w1260 {
		width: 100%;
	}

	.main-header .outer-container {
		position: relative;
		padding: 0px 15px;
	}

}


@media (max-width: 1750px) {}

@media (max-width: 993px) {}

@media (max-width: 960px) {}

@media (max-width: 1750px) {}

@media (max-width: 1440) {

	.qq {
		display: none;
	}

	.main-header {
		margin: 0px !important;
	}

	.main-menu .navigation>li {
		margin-left: 0px;
	}

	.main-header .outer-box .buttons-box .theme-btn {
		font-size: 16px;
	}

	.main-menu .navigation>li {
		margin-right: 25px;
	}

	.main-header .header-upper .outer-container {
		padding: 0px 15px;
	}

	.banner-section .owl-nav .owl-next {
		right: 15px;
	}

	.banner-section .owl-nav .owl-prev {
		left: 15px;
	}

	.banner-section .content-boxed .text,
	.banner-section .content-boxed h1 {
		margin-left: 0px;
	}

	h1 {
		font-size: 80px;
	}

	.banner-section .social-box,
	.banner-section .slide-year,
	.page-banner-section.style-two .banner-year,
	.banner-section .content-column .text br {
		display: none;
	}

	.page-banner-section.style-two .title {
		margin-bottom: 100px;
	}

	.main-header .header-upper .outer-box .mobile-nav-toggler {
		margin-left: 50px;
	}

	.page-banner-section {
		padding-top: 300px;
	}

	.team-section .row {
		margin: 0px -15px;
	}

	.main-footer .outer-container,
	.team-section .team-block {
		padding: 0px 15px;
	}

	.sidebar-page-container .sidebar-side .padding-left,
	.about-section .content-column .inner-column {
		padding-left: 0px;
	}

	.fluid-section-one .content-column .inner-column {
		padding-right: 15px;
	}

	.fluid-section-one .image-column {
		width: 50%;
	}

	.gallery-block .inner-box .image .overlay-box h3 {
		font-size: 28px;
	}

	.price-block .inner-box {
		padding-left: 22px;
		padding-right: 22px;
	}

	.press-block .inner-box {
		padding-left: 25px;
		padding-right: 25px;
	}

	.gallery-block .inner-box .image .overlay-box .content {
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.gallery-block .inner-box .image .overlay-box h3 {
		font-size: 24px;
	}

	.project-detail-section .carousel-box .owl-nav {
		left: 30px;
		right: 30px;
	}

}

@media (max-width: 768px) {}



@media (max-width: 900px) {

	.banner-section .slide {
		padding-top: 250px;
		padding-bottom: 250px;
		height: auto;
	}

	.banner-section .content-boxed .slide-number {
		margin-bottom: 50px;
	}


	.banner-section .owl-dots {
		top: auto;
		bottom: 50px;
	}

	.banner-section .owl-dots {
		width: 100%;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.main-footer .footer-column,
	.main-footer .footer-column:first-child {
		width: 50%;
	}

	.main-footer .copy-column .copyright {
		text-align: center;
		margin-bottom: 15px;
	}

	.main-footer .language-column ul {
		text-align: center;
		margin-top: 10px;
	}

	.contact-page-section .info-column {
		margin-bottom: 30px;
	}



}

@media (max-width: 800px) {}

@media only screen and (min-width: 768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul,
	.main-menu .navigation>li>ul>li>ul>li>ul,
	.main-menu .navigation>li>ul>li>ul>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}

}


@media (max-width:1023px) {
	.ad_cotent1 .swiper-button-prev, .ad_cotent1 .swiper-button-next{top: 0.55rem;}

	#abc .swiper-button-prev,
	#abc .swiper-button-next {
		
		width: 0.26rem;
		height: 0.26rem;
		z-index: 50000;
	}

	#abc .swiper-button-next:after {
		
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;
		background: url(../images/jt2.png);
		background-size: 0.26rem;
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
		right: -10px;
	}

	.aboutvide {
		width: 100%;
		height: auto;
		float: none;
		background:  #0153DB;
		margin-top: 0.5rem;

	}
	.aboutleft{width: 100%;float: none; margin-top: 0.5rem;}
	
	#abc .swiper-button-prev:after {
	
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;

		background: url(../images/jt1.png);
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
		background-size: 0.26rem;
	}

	.ad_cotent1 {
		width: 4rem;
		display: block;
		position: relative;
		padding-left: 0.8rem;
		padding-right: 0.5rem;
		overflow: hidden;
	}

	.ad_cotent1 .swiper-button-next:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;
		background: url(../images/jt2.png);
		background-size: 0.26rem;
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
	}


	.ad_cotent1 .swiper-button-prev:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;
		background: url(../images/jt1.png);
		background-size: 0.26rem;
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
	}

	.ad_cotent1 .swiper-container {
		width: 4rem;
		overflow: hidden;
		margin-left: 0;
		font-size: 0.18rem;
		line-height: 0.68rem;
	}

	.ad-hui {
		width: 100%;
		min-height: 0.8rem;
		margin: 0 auto;
		margin-top: 0.6rem;
		overflow: hidden;
	}

	.btnews {
		width: 5.48rem;
		height: 0.48rem;
		text-transform: uppercase;
		margin-top: 0.5rem;
		background: #0153db;
		border-radius: 5px;
		line-height: 0.48rem;
		color: #fff;
		text-align: center;
	}

	.jnews li .charright_qi {
		width: 0.94rem;
		height: 0.94rem;
		border: 1px solid #8E8F8F;
		float: left;
	}

	.jnews {
		width: 84%;
		margin: 2% auto;
	}

	.jnews li .charright_qi h5 {
		width: 100%;
		font-weight: bold;
		font-size: 0.35rem;
		color: #111E3A;
		line-height: 0.32rem;
		text-align: center;
		padding-top: 0.1rem;
	}

	.jnews li .charright_qi h4 {
		width: 100%;
		font-weight: bold;
		font-size: 0.18rem;
		color: #8591A5;
		line-height: 0.32rem;
		text-align: center;
		margin-top: 0.1rem;
	}

	.jnews li .charright_wz {
		width: 70%;
	}

	.jnews li .imer {
		width: 100%;
		height: 4.8rem;
		background: #8E8F8F;
		float: none;
	}

	.jnews li .charright_wz h4 {
		width: 100%;
		font-weight: bold;
		font-size: 0.23rem;
		color: #111E3A;
		line-height: 0.4rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
	}

	.jnews li .charright_wz h6 {
		width: 100%;
		font-weight: bold;
		font-weight: 400;
		font-size: 0.18rem;
		color: #8591A5;
		line-height: 0.32rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		margin-top: 0.38rem;
	}

	.newsbtn {
		display: none;
	}

	.jnews li .charright {
		width: 100%;
		float: none;
		margin-top: 0.5rem;
	}

	.jnews li .imer img {
		width: 100%;
		height: 4.8rem;
		background: #8E8F8F;
		float: none;
		object-fit: cover;
	}

	.newsbanner {
		display: none;
	}

	.prolist {
		width: 84%;
		margin: 0 auto;
		margin-top: 0.6rem;
	}

	.prolist li {
		width: 100%;
		border: 1px #f3f6fe solid;
		border-radius: 10px;
		margin-top: 0.34rem;
		background: #ecf0fc;
		margin-bottom: 0.34rem;
	}

	.procontent {
		width: 84%;
		margin: 0 auto;
		margin-top: 0.6rem;
	}

	.prolist li .char {

		width: 90%;
		margin: 0 auto;
		float: initial;
		padding-left: 0;
		padding-top: 0;
	}

	.prolist li .chartop {
		font-size: 0.24rem;
		color: #101e38;
		padding-top: 0.3rem;
	}

	.prolist li .charbot {
		font-size: 0.18rem;
		line-height: 0.4rem;
		color: #9198ab;
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}

	.prolist li .imer {
		width: 100%;
		float: initial;
	}

	.productbanner {
		display: none;
	}

	.procontent_bot_img {
		width: 100%;
		float: none;
	}

	.procontent_bot_char {
		width: 96%;
		padding-left: 0;
		padding-top: 0;
		float: none;
		margin: 0 auto;
		padding: 4% 2%;

	}

	.procontent_bot_char .chartop {
		font-size: 0.24rem;
		color: #101e38;
		font-weight: bold;
	}

	.procontent_bot_char .charbot {
		font-size: 0.18rem;
		line-height: 0.4rem;
		color: #9198ab;
		padding-top: 0.2rem;
	}

	.procontent_bot_char .charbt {
		width: 2.4rem;
		height: 0.57rem;
		background: #0153DB;
		border-radius: 6px;
		color: #fff;
		text-align: center;
		font-size: 0.16rem;
		line-height: 0.57rem;
		margin-top: 0.2rem;
	}

	.hangyebanner {
		display: none;
	}

	.jishulist {
		width: 84%;
		margin: 1.02rem auto;
	}

	.jishulist li .imer {
		width: 100%;
		height: 3.39rem;
		float: auto;
	}

	.jishulist li .rightchar {
		width: 100%;
		height: auto;
		float: auto;
		margin-left: 0;
	}

	.jishulist li .imer img {
		object-fit: cover;
		width: 100%;
		height: 3.39rem;
	}

	.jishulist li .rightchar h4 {
		font-weight: bold;
		font-size: 0.23rem;
		color: #111E3A;
		line-height: 0.8rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}

	.jishulist li .rightchar h3 {
		font-size: 0.18rem;
		color: #8591a5;
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}

	.jishulist li .rightchar .div1 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		font-weight: 400;
		font-size: 0.24rem;
		color: #8591A5;
		line-height: 0.4rem;
	}

	.sjihubanner {
		display: none;
	}

	#allmap {
		height: 500px;
		width: 100%;
		margin: 0 auto 100px auto;
	}

	.contact {
		width: 84%;
		margin: 0.6rem auto 0.2rem auto;
	}

	.contact_bt li {
		width: 100%;

	}

	.contact h4 {
		font-size: 0.3rem;
	}

	#allmap {
		height: 500px;
		width: 100%;
		margin: 0 auto 100px auto;
	}

	.conatactbanner {
		display: none;
	}

	.jobcoent li .leftcahr_c_top {
		line-height: 0.57rem;
	}

	.jobcoent li .btcotent {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		white-space: initial;
		margin-top: 0.2rem;
		margin-bottom: 0.5rem;
	}

	.jobcoent li .btnadddd {
		width: 2.24rem;
		height: 0.57rem;
		background: #0153DB;
		border-radius: 6px;
		float: right;
		font-weight: 400;
		font-size: 0.24rem;
		color: #FFFFFF;
		line-height: 0.57rem;
		text-align: center;
		text-transform: uppercase;
	}

	.jobcoent li .btcotent {
		width: 100%;
	}

	.jobcoent li .leftcahr_c_l {
		width: 100%;
		font-size: 0.33rem;
		font-weight: bold;
	}

	.jobcoent li .leftcahr_c_r {
		width: 100%;
	}

	.honors {
		width: 100%;
		height: 12rem;
		position: relative;
		background: url(../images/lanwapbj.jpg) repeat-x bottom;
	}

	.honors_lan_mid_left h4 {
		font-size: 0.41rem;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0;
		color: #1c1c1c;
	}

	.about_lan {
		overflow-y: auto;
	}

	.honors_lan_mid {
		width: 85%;
		margin: 0 auto;
	}

	.honors_lan_mid_left h2 {
		width: 100%;
	}


	.honors_lan_mid_left {
		width: 100%;
		float: none;
		padding-top: 1.12rem;
	}

	.about_lista {
		width: 5.47rem;
		display: flex;
		flex-direction: row;
		margin-top: 0.54rem;
		border-left: 1px #dadada solid;
		margin: 0.84rem auto 0.5rem auto;
	}

	.honors_lan {
		display: none;
	}

	.jobbanner {
		display: none;
	}

	.jobcoent {
		width: 100%;
		margin: 0.5rem auto;
	}


	.jobcoent li .leftcahr {
		width: 100%;
		float: left;
	}

	.jobcoent li {
		width: 85%;
		margin: 0 auto;
	}

	.rongyu .swiper-button-next {
		right: -25px;
	}

	.rongyu {
		width: 100%;
		height: 3.13rem;
		margin-left: 0.12rem;
		margin-top: 0.78rem;
	}

	.rongyu img {
		width: 95%;
		height: 3.13rem;
	}

	.about_video_c {
		width: 5.48rem;
		margin: 0 auto;
	}

	.about_video_c h4 {
		font-size: 0.3rem;
		padding-top: 0.5rem;
		padding-bottom: 0.4rem;
	}

	.about_video_c h3 {
		font-size: 0.2rem;
		padding-bottom: 0.52rem;
		line-height: 0.38rem;
	}

	.about_video {
		width: 5.48rem;
		margin: 0 auto;
	}

	.about_video video {
		width: 5.48rem;
	}

	.about {
		display: none;
	}

	.foot {
		display: none;
	}

	.footwapbj {
		width: 6.4rem;
		height: 2.64rem;
		background: url(../images/wapboot.jpg)no-repeat;
		display: flex;
		justify-content: center;
	}

	.footwapbj_mid {
		width: 90%;
	}

	.footwapbj_mid_top {
		width: 100%;
		margin-top: 0.52rem;
	}

	.footwapbj_mid_top img {
		width: 2.24rem;
		height: 0.53rem;
	}

	.footwapbj_mid_bot {
		width: 100%;
		font-size: 0.23rem;
		line-height: 0.3rem;
		color: #fff;
		margin-top: 0.3rem;
	}

	.footwapbt {
		width: 100%;
		background: #0153db;
		height: 1.12rem;
		display: block;
	}

	.footwapbt ul {
		width: 100%;
		display: flex;
		padding-top: 0.1rem;
	}

	.footwapbt li {
		width: 25%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.footwapbt li img {
		width: 0.6rem;
		height: 0.6rem;
	}

	.footwapbt li h4 {
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 0.22rem;
	}


	.ad-k1 {
		width: 5.48rem;
		height: 0.68rem;
		background: url(../images/iconad.png) #EBF0FD no-repeat 20px center;
		background-size: 0.3rem 0.2rem;
		border-radius: 10px;
		position: absolute;
		top: 3.8rem;
		left: 50%;
		margin-left: -2.74rem;
		z-index: 500;
		overflow: hidden;
		align-items: center;
		justify-content: space-between;
		display: flex;
	}

	.ad-kpro {
		width: 5.48rem;
		height: 0.68rem;
		background: url(../images/iconad.png) #EBF0FD no-repeat 20px center;
		background-size: 0.3rem 0.2rem;
		border-radius: 10px;
		position: absolute;
		top: 3.8rem;
		left: 50%;
		margin-left: -2.74rem;
		z-index: 500;
		overflow: hidden;
		align-items: center;
		justify-content: space-between;
		display: flex;
	}

	.casebanner {
		display: none;
	}

	.casewapbanner {
		width: 100%;
		display: block;
	}

	.caselist {
		width: 5.48rem;
		margin: 0.8rem auto;
	}

	.caselist li {
		width: 2.63rem;
		height: 1.97rem;
		background: #FFFFFF;
		border-radius: 6px;
		border: 1px solid #8E8F8F;
		margin-right: 0.21rem;
		float: left;
		margin-bottom: 0.27rem;
		;
	}

	.ad_cotent {
		display: none;
	}

	.ad_wap {
		width: 4rem;
		display: block;
		position: relative;
		padding-left: 0.8rem;
		padding-right: 0.5rem;
		overflow: hidden;
	}



	.ad_wap .swiper-button-prev,
	.ad_wap .swiper-button-next {

		width: 0.26rem;
		height: 0.26rem;
		top: 0.39rem
	}


	.ad_wap .swiper-container {
		overflow: hidden;
	}

	.ad_wap .swiper-button-next:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;
		background: url(../images/jt2.png);
		background-size: 0.26rem;
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
	}


	.ad_wap .swiper-button-prev:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		font-size: 0;
		background: url(../images/jt1.png);
		background-size: 0.26rem;
		background-repeat: no-repeat;
		background-position: center;
		width: 0.26rem;
		height: 0.26rem;
	}

	.caselist li .imer {
		width: 100%;
		height: 1.54rem;
		border-radius: 6px 6px 0 0;
	}

	.caselist li .imer img {
		width: 100%;
		height: 1.54rem;
		border-radius: 6px 6px 0 0;
		object-fit: cover;
	}

	.caselist li .bt {
		width: 100%;
		height: 0.43rem;
		line-height: 0.43rem;
		font-size: 0.23rem;
		background: #8e8f8f;
		text-align: center;
		color: #fff;
		;
		border-radius: 0 0 6px 6px;
	}

	.caselist li:hover .bt {
		width: 100%;
		height: 0.43rem;
		;
		line-height: 0.43rem;
		;
		font-size: 0.21rem;
		background: #0153db;
		text-align: center;
		color: #fff;
		;
		border-radius: 0 0 6px 6px;
	}





	.wapbanner {
		width: 100%;
		display: block;
	}


	.wapbanner img {
		width: 100%;

	}

	.main-slider-carousel {
		display: none !important;
	}

	.mouse-btn-down {
		display: none !important;
		;
	}

	.dianrong_left {
		width: 85%;
		margin: 0 auto;
		float: none;
	}

	.dianrong_left h4 {
		font-size: 0.2rem;
	}

	.dianrong_left h5 {
		font-size: 0.4rem;
		margin-top: 0.3rem;
	}

	.dianrong_left h6 {
		font-size: 0.3rem;
	}

	.dianrong_left h2 {
		font-size: 0.2rem;
		margin-top: 0.4rem;
	}

	.dianrong_left p {
		font-size: 0.17rem;
		line-height: 0.3rem;
		margin-top: 0.3rem;
		margin-bottom: 0;
		;
	}



	.duidie {
		width: 5rem;
		height: 5.5rem;
		position: absolute;
		right: 20px;
		top: 78px;
	}



	.duidie .swiper {
		width: 5rem;
		height: 5.5rem;
	}

	.duidie .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		font-size: 22px;
		font-weight: bold;
		color: #fff;
	}

	.duidie .swiper-slide img {
		width: 5rem;
		height: 5.5rem;
		object-fit: cover;
	}

	.dianrong_right_top {
		width: 100%;
		justify-content: center
	}

	.dianrong_right_top li {
		font-size: 0.18rem;
		margin-left: 0;
		margin-right: 0.2rem;
	}

	.dianrong_right {
		width: 85%;
		float: none;
		margin: 0 auto;
		height: 6rem;
	}

	.foot_mid {
		width: 90%;
		margin: 0 auto;
	}

	.foot_mid_left {
		width: 50%;
	}

	.foot_mid_left_logo {
		width: 100%;
	}

	.foot_mid_left_tel {
		padding-top: 0.2rem
	}

	.foot {
		height: 6rem;
	}

	.foot_b {
		font-size: 0.15rem;
	}

	.foot_z {
		display: none;
	}

	.link {
		width: 100%;
		margin: 0.2rem auto 50px auto;
	}

	.link li {
		width: 30%;
		margin-right: 0.1rem;
		margin-bottom: 0.1rem;
		height: auto;
	}

	.de_tel {
		width: 100%;
	}

	.de_tel {
		display: none;
	}

	.auto-container {
		width: 100%;
	}

	.dianrong {
		width: 100%;
		margin: 0 auto;
		padding-top: 1rem;
		height: auto;
		height: 12rem;
		overflow: hidden;
	}

	.sec-title {
		position: relative;
		margin-bottom: 0.4rem;
	}

	.part_2 .swiper-slide img {
		width: 100%;
		height: 3.81rem;
		object-fit: cover;
	}


	.part_2 .swiper-slide h3 {
		position: absolute;
		font-size: 0.28rem;
		color: #fff;
		left: 0.4rem;
		font-weight: bold;
		top: 2.4rem;
		text-align: left;
		width: 90%;

		z-index: 100;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.part_2 .swiper-slide h4 {
		position: absolute;
		font-size: 0.2rem;
		left: 0.4rem;
		color: #ada9a7;
		top: 3rem;
		text-align: left;
		width: 90%;

		z-index: 100;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.part_2 .swiper-slide {
		width: 80%;
	}

	.part_2 .swiper-slide:nth-child(2n) {
		width: 80%;
	}

	.part_2 .swiper-slide:nth-child(3n) {
		width: 80%;
	}

	.part_2 .swiper-slide:nth-child(4n) {
		width: 80%;
	}


	.pull-left {
		float: none;
	}

	.pull-right {
		float: none;
		margin-top: 0.4rem;
	}

	.pull-right li {
		width: 1.65rem;
		height: 1.65rem;
		margin-right: 0.4rem;
		float: left;

	}

	.pull-right li:nth-child(3n) {
		margin-right: 0;
	}


	.pull-right li.cu {
		width: 1.65rem;
		height: 1.65rem;
		background: #0153DB;
		border-radius: 10px;
	}

	.pull-right li.cu.imer1 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/la2.png);
		background-size: 0.5rem;
	}

	.pull-right li.cu h4 {
		color: #fff;
	}

	.pull-right li.cu h3 {
		color: #fff;
	}

	.pull-right li.cu .imer1 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/la2.png);
		background-size: 0.5rem;
	}


	.pull-right li:hover {
		width: 1.65rem;
		height: 1.65rem;
		background: #0153DB;
		border-radius: 10px;
	}

	.pull-right li a {
		display: flex;
		align-items: center;
		width: 1.65rem;
		height: 1.65rem;
		justify-content: center;
		flex-direction: column;
	}

	.pull-right li .imer1 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/la1.png);
		background-size: 0.5rem;
	}

	.pull-right li:hover .imer1 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/la2.png);
		background-size: 0.5rem;
	}


	.pull-right li .imer2 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lb1.png);
		background-size: 0.5rem;
	}

	.pull-right li:hover .imer2 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lb2.png);
		background-size: 0.5rem;
	}


	.pull-right li .imer3 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lc1.png);
		background-size: 0.5rem;
	}

	.pull-right li:hover .imer3 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lc2.png);
		background-size: 0.5rem;
	}


	.pull-right li .imer4 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/ld1.png);
		background-size: 0.5rem;
	}

	.jishulist li {
		width: 100%;
		padding-top: 0.54rem;
		padding-bottom: 0.54rem;
		border-bottom: 1px #8e8f8f solid;
	}

	.pull-right li:hover .imer4 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/ld2.png);
		background-size: 0.5rem;
	}


	.pull-right li .imer5 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/le1.png);
		background-size: 0.5rem;
	}

	.pull-right li:hover .imer5 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/le2.png);
		background-size: 0.5rem;
	}

	.jishulist li .rightchar .more {
		width: 2.24rem;
		height: 0.57rem;
		background: #0153DB;
		border-radius: 6px;
		float: right;
		font-weight: 400;
		font-size: 0.24rem;
		color: #FFFFFF;
		line-height: 0.57rem;
		text-align: center;
		text-transform: uppercase
	}

	.pull-right li .imer6 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lf1.png);
		background-size: 0.5rem;
	}

	.pull-right li:hover .imer6 {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../images/lf2.png);
		background-size: 0.5rem;
	}


	.pull-right li:hover h4 {
		color: #fff;
	}

	.pull-right li:hover h3 {
		color: #fff;
	}

	.pull-right li h4 {
		font-size: 0.25rem;
		font-weight: 400;
		color: #585858;

	}

	.pull-right li h3 {
		font-size: 0.17rem;
		font-family: SourceHanSansCN;
		font-weight: 400;
		color: #585858;
		margin-top: 0px;

		text-transform: uppercase;
		letter-spacing: 0px;
	}


	.projects-section {
		position: relative;
		padding: 1rem 0px 0px;
	}

	.sec-title h2 {
		position: relative;
		color: #000000;
		font-weight: 400;
		font-size: 0.41rem;
		text-transform: uppercase;
		letter-spacing: 0px
	}

	.sec-title h3 {
		position: relative;
		color: #000000;
		font-weight: 400;
		font-size: 0.3rem;
		margin-top: 0px;

	}

	.about_img {
		width: 100%;
		display: block;
	}

	.about_img img {
		width: 100%;
		display: block;
	}

	.about_list {
		width: 100%;
		display: flex;
		flex-direction: row;
		margin-top: 0.5rem;
		border-left: none;
	}

	.about_list li:last-child {
		border-right: none;
	}

	.about_list li {
		border-right: 1px #dadada solid;
		width: 33.33%;
	}

	.about_list li a {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.about_list li .imer1 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/a1.png);
		background-size: 0.59rem;
	}

	.about_list li:hover .imer1 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/a2.png);
		background-size: 0.59rem;
	}

	.about_list li.cu h3 {
		color: #0153db;
	}

	.about_list li.cu .imer1 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/a2.png);
		background-size: 0.59rem;
	}

	.about_list li .imer2 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/b1.png);
		background-size: 0.59rem;
	}

	.about_list li:hover h3 {
		color: #0153db;
	}

	.about_list li:hover .imer2 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/b2.png);
		background-size: 0.59rem;
	}

	.about_list li .imer3 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/c1.png);
		background-size: 0.59rem;
	}

	.about_list li:hover .imer3 {
		width: 0.59rem;
		height: 0.59rem;
		background: url(../images/c2.png);
		background-size: 0.59rem;
	}

	.about_list li h3 {
		font-size: 20px;
		color: #5c5c5c;
		margin-top: 5px;
	}

	.about_list li:hover h3 {
		font-size: 20px;
		color: #0153db;
		margin-top: 5px;
	}

	.aboutbj {
		position: relative;
		height: auto;
		background: none;
		background-repeat: no-repeat;
		background-position: top center;
		margin: 0 auto;
		margin-top: 0rem;

		width: 85%;
	}

	.about-section-mid h4 {
		height: auto;
		font-size: 0.3rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #1C1C1C;
		line-height: 0.23rem;
	}


	.about-section-mid .div2 {
		width: 100%;

		font-size: 0.17rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #646464;
		line-height: 0.34rem;
		margin-top: 0.4rem;
	}

	.about-section-mid {
		width: 100%;
		padding-top: 0;
	}

	.about-section-mid .div2 {
		width: 100%;
	}

	.pro_morewap {
		width: 100%;
		display: block;
		text-align: right;
		padding-top: 0.48rem;
		padding-bottom: 0.48rem;
		color: #1c1c1c;
	}


	.pro_morewap span {
		color: #1c1c1c;
	}

	.pro_morewap a {
		text-transform: uppercase;
		color: #0153db;
		font-weight: bold;

	}

	/*关于我们*/
	.product_mid {
		width: 85%;
		padding-top: 1.5rem;
	}

	.pro_top .swiper-slide {
		text-align: center;
		font-size: 0.18rem;
		color: #1c1c1c;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.pro_tit {
		font-size: 0.4rem;
		color: #0153db;
		font-weight: bold;

	}

	.pro_more {
		display: none;
	}

	.pro_top .swiper-button-prev {
		background: none
	}

	.pro_top .swiper-button-next {
		background: none
	}

	.pro_bt {
		width: 100%;
		padding-top: 0.4rem;
	}

	.pro_bt li {
		width: 2.61rem;
		height: 1.96rem;

		border: 1px solid #8E8F8F;
		border-radius: 6px;
		background: #8e8f8f;
		float: left;
		margin-right: 0.2rem;
		margin-bottom: 0.2rem;
		transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
	}

	.pro_bt li:hover {
		background: #0153db;
	}

	.pro_bt li img {
		width: 2.61rem;
		height: 1.55rem;
		object-fit: cover;
		border-radius: 6px 6px 0 0;
	}

	.pro_bt li .div1 {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 0.43rem;

		color: #fff;
		display: flex;
		justify-content: space-between;
		text-transform: uppercase;
		font-size: 0.17rem;
	}

	.pro_bt li .div1_left {
		width: 100%;
		white-space: nowrap;
		/* 不换行 */
		/* 限制容器宽度为200像素 */
		overflow: hidden;
		/* 隐藏超出部分内容 */
		text-overflow: ellipsis;
		/* 使用省略号表示被截断的文本 */

	}

	.pro_bt li .div1_right {
		color: #fff;
		display: none;
	}

	.pro_bt li:nth-child(3n) {
		margin-right: 0.2rem;
	}

	.pro_bt li:nth-child(2n) {
		margin-right: 0;
	}

	.pro_hwz {
		font-size: 0.4rem;
		color: #1c1c1c;
		margin-top: 0.3rem;
	}

	.pro_top {
		width: 100%;
		overflow: hidden;
		position: relative;
		display: flex;
		margin-top: 0.3rem;

	}

	.nav-outer {
		display: none;
	}



	/*公告*/
	.ad-k {
		width: 5.48rem;
		height: 0.68rem;
		background: url(../images/iconad.png) #EBF0FD no-repeat 20px center;
		background-size: 0.6rem 0.5rem;
		border-radius: 10px;
		position: absolute;
		top: 6.1rem;
		left: 50%;
		margin-left: -2.74rem;
		z-index: 500;
		overflow: hidden;
		align-items: center;
		justify-content: space-between;
		display: flex;
	}

	.ad-k-l {
		padding-left: 0.7rem;
		font-size: 0.18rem;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #111E3A;
		height: 46px;
		line-height: 46px;

	}

	.ad-k-m {
		width: 2.86rem;
		height: 46px;
		line-height: 46px;
	}

	.ad_icon1 {
		width: 0.25rem;
		height: 0.25rem;
		margin-right: 0.3rem;
	}

	.ad_icon1 img {
		width: 100%;
		display: block;
	}


	.demopage {
		position: relative;
	}


	#marquee2 {
		width: 2.86rem;
		height: 46px;
		line-height: 46px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}

	#marquee2 ul li {
		float: left;
		height: 46px;
		line-height: 46px;
		display: block;
		width: 2.86rem;

		font-family: "微软雅黑";
		font-size: 0.16rem;
		background: none;
	}

	#marquee2 ul li a {
		color: #5a5a5a;
		background: none;
		display: flex;
		justify-content: space-between;
	}

	.leftwz {
		width: 2.86rem;
		white-space: nowrap;
		/* 不换行 */
		/* 限制容器宽度为200像素 */
		overflow: hidden;
		/* 隐藏超出部分内容 */
		text-overflow: ellipsis;
		/* 使用省略号表示被截断的文本 */
	}

	.leftrq {
		width: 181px;
		display: none;
		text-align: right;
	}

	/*公告结束*/

	.main-header .header-upper .logo-box .logo {
		width: 50%;
	}

	.banner-section .slide {

		height: 6.47rem;
	}

	.banner-section .content-boxed .slide-number {
		margin-bottom: 50px;
	}


	.banner-section .owl-dots {
		top: auto;
		bottom: 50px;
	}

	.banner-section .owl-dots {
		width: 100%;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.testimonial-section .owl-nav {
		position: relative;
		top: 0px;
		margin-top: 10px;
	}

	.testimonial-section .owl-nav .owl-prev,
	.testimonial-section .owl-nav .owl-next {
		margin-left: 0px;
		margin-right: 25px;
	}

	.banner-section .content-boxed h3 {
		font-size: 22px;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 34px;
	}

	.map-canvas {
		height: 350px;
	}

	.banner-section .content-boxed .title {
		letter-spacing: 0px;
		font-size: 16px;
		text-transform: capitalize;
	}

	.service-box .inner-box {
		padding: 25px 25px;
	}

	.service-box .inner-box .content {
		padding-left: 0px;
	}

	.service-box .inner-box .content .icon {
		position: relative;
		top: 0px;
		margin-bottom: 30px;
	}

	.service-box .inner-box .content p br {
		display: none;
	}

	.pricing-tabs .tab-buttons .tab-btn {
		margin: 0px 10px;
	}

	.testimonial-block .inner-box {
		padding: 25px 25px;
	}

	.main-header .header-upper .language-list {
		display: none;
	}

	.contact-page-section .info-column h2 {
		margin-bottom: 30px;
	}

	.contact-page-section .info-column ul {
		margin-bottom: 40px;
	}

	.contact-page-section .form-column h6 {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	.main-footer {
		padding-top: 100px;
	}

}